@charset "utf-8";

body{
  background-color: #FFFFFF;
  /* 关闭水平滚动条 */
  overflow-x: hidden; 
}
.big_logo{
  /* width: 120px; */
  /* padding-top: 12px; */
}

/*登录注册内容样式*/
.login_section {
  color: #9b9b9b;
  text-align: center;
  /* margin-top: 20px; */
  /*居中*/
  width: 100%;
  height: 550px;
  padding: 30px 20px 0;
  /*上下内边距为50像素左内边距为20像素右为0*/
  background: url(/static/img/bg_1.jpg) no-repeat;
  background-size: 100%;
  position: relative;
  top: 80px;
}

/*logo样式*/
#logo {
  float: left;
  /*左浮动*/
  margin-top: 10px;
  /*上外边距为10像素*/
  margin-left: 50px;
  /*左外边距为50像素*/
  color: rgba(128, 128, 128, 0.199);
  font-size: 32px;
}

/*登录，注册标题样式*/
.login_title {
  margin-top: 100px;
  width: 35%;
  float: right;
  border: 1px solid grey;
  padding: 20px 0 50px 0;
  margin-right: 0;
  background-color: #FBF7FC;
  opacity: 0.9;
  margin-right: 10%;
}

/*标题中无序列表样式*/
.login_title ul {
  font-size: 18px;
  line-height: 26px;
  /*行高为26像素*/
}

.login_title ul li {
  display: inline-block;
  /*变为行内块元素*/
  margin: 20px 20px 20px 0;
  /*上下左右外边距为20像素*/
}

/*无序列表中超链接样式*/
.login_title ul li a {
  color: #9b9b9b;
}

/*设置超链接class为active的样式*/
.login_title ul li a.active {
  color: #404040;
  border-bottom: 2px solid #404040;
  /*设置下边框样式*/
}

/*登录中input样式*/
.login_section input {
  width: 55%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  margin: 0 auto;
  display: block;
  /*变为块级元素，网页打开时显示*/
  border: 1px solid #f5f5f5;
  padding-left: 12px;
  /*左内边距为10像素*/
  margin: 35px 0 0 135px;
  outline: none;
  /*轮廓，当元素获得焦点框时焦点框为0*/
}

/*第三个input样式*/
.login_section input:nth-of-type(3) {
  border-top: none;
  /*去除上边框样式*/
  border-bottom: none;
  /*去除下边框样式*/
}

/*最后一个input样式*/
.login_section input:last-child {
  width: 67%;
  padding: 0;

  margin-left: 85px;
  background-color: #f40;
  color: #ffff;
  border-radius: 6px;
  /*边框圆角为6像素*/
  margin-top: 20px;
  cursor: pointer;
  /*鼠标经过时鼠标变为小手*/
}

.login_section input:last-child:hover {
  background-color: #F52B00;
}

/*其他方式登录样式*/
.login_other_way {
  font-size: 16px;
  margin-top: 50px;
  display: inline-block;
}

.login_other_way a {
  border-radius: 50%;
  /*设置边框为圆形*/
  width: 32px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #000;
  text-align: center;
  display: inline-block;
  margin: 20px 10px;
}

.login_other_way a:hover {
  background-color: gray;
}

/*短信验证表单样式*/
.register {
  display: none;
  /*网页打开时隐藏*/
  margin: 0 auto;
}


/*头部样式*/
#header {
  width: 100%;
  /*设置宽度与网页宽度相等*/
  height: 56px;
  /*高度56像素*/
  line-height: 56px;
  /*行高56像素*/
  background-color: white;
  position: fixed;
  /*固定位置*/
  z-index: 999;
  /*样式表现等级*/
  caret-color: rgba(0, 0, 0, 0);
}

/*头部内容*/
.headerInner {
  width: 80%;
  height: 100%;
  /*与父类容器等高*/
  margin: 0 auto;
  /*居中，外边距上下为0像素左右距离自适应*/
}

/*导航链样式*/
.header_nav {
  font-size: 16px;
  float: left;
  /*向左浮动*/
}

/*设置导航链接中的无序列表*/
.header_nav ul {
  line-height: 56px;
  /* border:1px solid red; */
}

.header_nav ul li {
  float: left;
  margin-right: 18px;
  /*右外边距为18像素*/
}

/*无序列表中超链接样式*/
.header_nav ul li a {
  color: #9b9b9b;
}

/*导航链接中图标样式*/
.header_nav ul li i {
  margin-right: 6px;
}

.header_nav ul li a:hover {
  color: black;
  /*鼠标触碰超链接时颜色变黑*/
}

/*logo样式*/
.header_logo {
  /* border:1px solid red; */
  width: 20%;
  height: 56px;
  line-height: 56px;

  text-align: center;
}

/*导航栏logo图片样式*/
/* .header_logo img {
  width: 120px;
  vertical-align: middle;
} */

/*登录，注册按钮*/
.header_login_reg {
  line-height: 60px;
  float: right;
}

.header_login_reg a {
  color: #9b9b9b;
  font-weight: bold;
  /*字体加粗*/
  display: inline-block;
  /*变为行内块元素*/
  width: 85px;
  /*宽85像素*/
  height: 35px;
  /*高35像素*/
  line-height: 35px;
  text-align: center;
  background-color: #FFFFFF;
  margin-right: 8px;
  border: 1px solid #cccccc;
  /*边框宽度为1像素，实线，设置背景颜色*/
  border-radius: 6px;
  /*设置圆角边框弧度为6像素*/
}

/*登录注册按钮中的第一个超链接样式*/
.header_login_reg a:first-child {
  color: #ffffff;
  background-color: #cccccc;
}

/*鼠标触碰超链接时样式*/
.header_login_reg a:hover {
  color: #FFFFFF;
  background-color: #F52B00;
}


/*重置margin样式*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd {
  margin: 0;
  /*上下左右外边距为0*/
}

/*重置padding样式*/
ul,
ol {
  padding: 0;
  /*上下左右内边距为0*/
}

/*重置列表样式*/
ul,
ol,
li {
  list-style-type: none;
  /*不使用项目符号，清除无序列表前的黑点*/
}

/*重置字体样式*/
em,
i {
  font-style: normal;
  /*设置默认属性*/
}

/*重置链接样式*/
a {
  text-decoration: none;
  /*去下划线*/
}

/*重置输入和多选样式*/
input，select {
  border: none;
  /*去边框*/
  outline: none;
  /*轮廓，当元素获得焦点框时焦点框为0*/
}

/*清除浮动*/
.clearfix:after {
  content: ".";
  /*在class为clearfix后加“.”*/
  height: 0;
  visibility: hidden;
  /*使元素不可见*/
  display: block;
  /*变为块级元素*/
  clear: both;
  /*在左右两侧均不允许浮动元素*/
}








.user_logo{
  position: relative;
  float: left;
  width: 50px;
  height: 52px;
  left: 85px;
  top: -53px;
}
.pwd_logo{
  position: relative;
  float: left;
  width: 50px;
  height: 52px;
  left: 35px;
  top: 36px;
}

.user_logo2{
  position: relative;
  float: left;
  width: 50px;
  height: 52px;
  left: 85px;
  /*top: -53px;*/
}
.pwd_logo2{
  position: relative;
  float: left;
  width: 50px;
  height: 52px;
  left: 85px;
  /*top: 36px;*/
}
.code_place{
  float: right;
  /* color: #cccccc; */
  position:relative;
  right: 17.3%;
  top: -38px;
  border: none;
  background-color: #FFFFFF;
  font-size: 15px;
  color: purple;
  cursor: pointer;
}

.zero button:hover{
  color: #F52B00;
}
